<!DOCTYPE html>
<html>
<head>
	<title><include file="./Application/Home/View/Common/title_prefix_text.html"/>新用户新福利，3重特礼享不停</title>
    <meta charset="UTF-8">
    <link rel="icon" href="__FORJS__/images/favicon.ico">
    <link rel="stylesheet" href="__FORJS__/css/common/bootstrap.min.css"/>
    <link rel="stylesheet" href="__FORJS__/css/common/layout.css"/>
    <link rel="stylesheet" href="__FORJS__/css/common/icon.ali.css"/>

    <script type="text/javascript" src="__FORJS__/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="__FORJS__/js/common/bootstrap.min.js"></script>
    <script type="text/javascript" src="__FORJS__/js/common/bigwe_function.js"></script>
</head>
<style type="text/css">area:active,area:focus{outline: none;}.bw_anchor{position: absolute;}</style>

<script>
(function(){
	// 图片宽高比
	var imgPercent = 0.322;

	var btnLinkTopPercent = 0.187;
	var btnLinkBottomPercent = 0.193;

	var btnLink1LeftPercent = 0.2246;
	var btnLink1RightPercent = 0.307;

	var btnLink2LeftPercent = 0.4604;
	var btnLink2RightPercent = 0.5427;

	var btnLink3LeftPercent = 0.6948;
	var btnLink3RightPercent = 0.7771;

	var btnRegisterLeft = 0.3906;
	var btnRegisterRight = 0.5739;
	var btnRegister1Top = 0.4329;
	var btnRegister1Bottom = 0.4493;
	var btnRegister2Top = 0.9502;
	var btnRegister2Bottom = 0.9678;

	var anchor1Top = 0.2687;
	var anchor2Top = 0.4560;
	var anchor3Top = 0.6634;
	window.InitMap = function(width) {
		var imgHeight = width / imgPercent;

		$('.js_link1').prop('coords', btnLink1LeftPercent * width + ',' + btnLinkTopPercent * imgHeight + ',' + btnLink1RightPercent * width + ',' + btnLinkBottomPercent * imgHeight);

		$('.js_link2').prop('coords', btnLink2LeftPercent * width + ',' + btnLinkTopPercent * imgHeight + ',' + btnLink2RightPercent * width + ',' + btnLinkBottomPercent * imgHeight);

		$('.js_link3').prop('coords', btnLink3LeftPercent * width + ',' + btnLinkTopPercent * imgHeight + ',' + btnLink3RightPercent * width + ',' + btnLinkBottomPercent * imgHeight);

		$('.js_btn_register1').prop('coords', btnRegisterLeft * width + ',' + btnRegister1Top * imgHeight + ',' + btnRegisterRight * width + ',' + btnRegister1Bottom * imgHeight);

		$('.js_btn_register2').prop('coords', btnRegisterLeft * width + ',' + btnRegister2Top * imgHeight + ',' + btnRegisterRight * width + ',' + btnRegister2Bottom * imgHeight);
		$('#anchor1').css({
			top: anchor1Top*imgHeight
		});
		$('#anchor2').css({
			top: anchor2Top*imgHeight
		});
		$('#anchor3').css({
			top: anchor3Top*imgHeight
		});

	}
	$(window).resize(function(){
		InitMap($('#main_img').outerWidth());
	});
}());
</script>
<body>
<include file="./Application/Home/View/Common/header.html" />
	<div style="position: relative;">
		<span id="anchor1" class="bw_anchor">&nbsp;</span>
		<span id="anchor2" class="bw_anchor">&nbsp;</span>
		<span id="anchor3" class="bw_anchor">&nbsp;</span>
		<img id="main_img" onload="InitMap($(this).outerWidth())" src="http://img01.bigwe.com/operation/focus1.png" usemap="#planetmap" width="100%" hidefocus="true" alt="微知-新用户新福利，3重特礼享不停">
	</div>
	<map name="planetmap" id="planetmap">
	  <area shape="rect" href="#anchor1" class="js_link1" />
	  <area shape="rect" href="#anchor2" class="js_link2" />
	  <area shape="rect" href="#anchor3" class="js_link3" />
	  <area shape="rect" href="/register_page" target="_blank" class="js_btn_register1 " />
	  <area shape="rect" href="/register_page" target="_blank" class="js_btn_register2 " />
	</map>
<include file="./Application/Home/View/Common/footer.html" />

</body>
</html>